<!--<template>-->
<!--    <div>-->
<!--        <div>-->
<!--            <form >-->
<!--                <input    style="width: 200px;margin-left: 600px;" >-->
<!--                <button type="submit">查询</button>-->
<!--            </form>-->
<!--            <el-button>删除</el-button>-->
<!--        </div>-->

<!--        <el-table-->
<!--                :data="tableData"-->
<!--                style="width: 100%"-->
<!--              >-->a
<!--            <el-table-column-->
<!--                    type="selection"-->
<!--                    width="55">-->
<!--            </el-table-column>-->

<!--            <el-table-column-->
<!--                    label="ID"-->
<!--                    width="120">-->
<!--                <template slot-scope="scope">{{ scope.row.id }}</template>-->
<!--            </el-table-column>-->
<!--            <el-table-column-->
<!--                    prop="name"-->
<!--                    label="昵称"-->
<!--                    width="120">-->
<!--                <template slot-scope="scope">{{ scope.row.name}}</template>-->
<!--            </el-table-column>-->
<!--            <el-table-column-->
<!--                    prop="sex"-->
<!--                    label="性别"-->
<!--                    show-overflow-tooltip>-->
<!--                <template slot-scope="scope">{{ scope.row.sex }}</template>-->
<!--            </el-table-column>-->
<!--            <el-table-column-->
<!--                    prop="adder"-->
<!--                    label="地域"-->
<!--                    show-overflow-tooltip>-->
<!--                <template slot-scope="scope">{{ scope.row.adder}}</template>-->
<!--            </el-table-column>-->
<!--            <el-table-column-->
<!--                    prop="count"-->
<!--                    label="粉丝数量"-->
<!--                    show-overflow-tooltip>-->
<!--                <template slot-scope="scope">{{ scope.row.count}}</template>-->
<!--            </el-table-column>-->
<!--            <el-table-column-->
<!--                    prop="js"-->
<!--                    label="简介"-->
<!--                    show-overflow-tooltip>-->
<!--                <template slot-scope="scope">{{ scope.row.js}}</template>-->
<!--            </el-table-column>-->
<!--            <el-table-column-->
<!--                    prop="num"-->
<!--                    label="关注数"-->
<!--                    show-overflow-tooltip>-->
<!--                <template slot-scope="scope">{{ scope.row.num}}</template>-->
<!--            </el-table-column>-->
<!--            <el-table-column-->
<!--                    prop="tiezi"-->
<!--                    label="帖子"-->
<!--                    show-overflow-tooltip>-->
<!--                <template slot-scope="scope">{{ scope.row.tiezi}}</template>-->
<!--            </el-table-column>-->
<!--            <el-table-column-->
<!--                    prop="reply"-->
<!--                    label="回答"-->
<!--                    show-overflow-tooltip>-->
<!--                <template slot-scope="scope">{{ scope.row.reply}}</template>-->
<!--            </el-table-column>-->
<!--            <el-table-column-->
<!--                    prop="renzheng"-->
<!--                    label="认证"-->
<!--                    show-overflow-tooltip>-->
<!--                <template slot-scope="scope">{{ scope.row.renzheng}}</template>-->
<!--            </el-table-column>-->

<!--            <el-table-column-->
<!--                    label="操作">-->

<!--                <el-button>查看</el-button>-->
<!--                <el-button  type="text" @click="dialogFormVisible = true">修改</el-button>-->
<!--            </el-table-column>-->
<!--        </el-table>-->
<!--        <div style="margin-top: 20px">-->
<!--            <el-button @click="toggleSelection([tableData[1], tableData[2]])">切换第二、第三行的选中状态</el-button>-->
<!--            <el-button @click="toggleSelection()">取消选择</el-button>-->
<!--        </div>-->
<!--        <div class="block" style="margin-left: 600px">-->
<!--            <el-pagination-->
<!--                    @size-change="handleSizeChange"-->
<!--                    @current-change="handleCurrentChange"-->
<!--                    :current-page="currentPage4"-->
<!--                    :page-sizes="[10, 20, 30, 40]"-->
<!--                    :page-size="6"-->
<!--                    layout="total, sizes, prev, pager, next, jumper"-->
<!--                    :total="10">-->
<!--            </el-pagination>-->
<!--        </div>-->










<!--        <el-dialog title="修改界面" :visible.sync="dialogFormVisible">-->
<!--            <el-form >-->


<!--                <el-form-item label="昵称"   prop="name">-->
<!--                    <el-input v-model="tableData.name"></el-input>-->
<!--                </el-form-item>-->

<!--                <el-form-item label="性别"   prop="sex">-->
<!--                    <el-input v-model="tableData.sex"></el-input>-->
<!--                </el-form-item>-->

<!--                <el-form-item label="地域"   prop="adder">-->
<!--                    <el-input v-model="tableData.adder"></el-input>-->
<!--                </el-form-item>-->

<!--                <el-form-item label="粉丝数量"   prop="count">-->
<!--                    <el-input v-model="tableData.count"></el-input>-->
<!--                </el-form-item>-->
<!--                <el-form-item label="简介"   prop="js">-->
<!--                    <el-input v-model="tableData.js"></el-input>-->
<!--                </el-form-item>-->
<!--                <el-form-item label="关注数"   prop="num">-->
<!--                    <el-input v-model="tableData.num"></el-input>-->
<!--                </el-form-item>-->

<!--                <el-form-item label="贴子"   prop="tiezi">-->
<!--                    <el-input v-model="tableData.tiezi"></el-input>-->
<!--                </el-form-item>-->
<!--                <el-form-item label="回答"   prop="reply">-->
<!--                    <el-input v-model="tableData.reply"></el-input>-->
<!--                </el-form-item>-->

<!--                <el-form-item label="认证"  prop="renzheng" >-->
<!--                    <el-input v-model="tableData.renzheng"></el-input>-->
<!--                </el-form-item>-->




<!--            </el-form>-->
<!--            <div slot="footer" class="dialog-footer">-->
<!--                <el-button @click="dialogFormVisible = false">取 消</el-button>-->
<!--                <el-button type="primary" @click="updaPut">确 定</el-button>-->
<!--            </div>-->
<!--        </el-dialog>-->
<!--    </div>-->
<!--</template>-->

<!--<script>-->
<!--    export default {-->
<!--        name: "creaBok",-->
<!--        data() {-->
<!--            return {-->
<!--                currentPage1: 5,-->
<!--                currentPage2: 5,-->
<!--                currentPage3: 5,-->
<!--                currentPage4: 4,-->

<!--                tableData: {},-->

<!--                multipleSelection: [],-->
<!--                dialogTableVisible: false,-->
<!--                dialogFormVisible: false,-->
<!--            }-->
<!--        },-->
<!--        created(){-->

<!--                this.$axios.post("/api/getlist",this.tableData).then(res=>{-->
<!--                    console.log(res)-->
<!--                    this.tableData=res.data.data;-->
<!--                })-->


<!--        },-->

<!--        methods: {-->
<!--            updaPut() {-->
<!--                this.$axios.post("/api/Update",this.tableData).then(res => {-->
<!--                    console.log(res)-->
<!--                    if (res.data.status === 1) {-->
<!--                        this.$message.success(res.data.msg);-->
<!--                    } else {-->
<!--                        this.$message.error(res.data.msg);-->
<!--                    }-->
<!--                })},-->


<!--            // toggleSelection(rows) {-->
<!--            //     if (rows) {-->
<!--            //         rows.forEach(row => {-->
<!--            //             this.$refs.multipleTable.toggleRowSelection(row);-->
<!--            //         });-->
<!--            //     } else {-->
<!--            //         this.$refs.multipleTable.clearSelection();-->
<!--            //     }-->
<!--            // },-->
<!--            // handleSelectionChange(val) {-->
<!--            //     this.multipleSelection = val;-->
<!--            // },val-->
<!--            handleSizeChange(val) {-->
<!--                console.log(`每页 ${val} 条`);-->
<!--            },-->
<!--            handleCurrentChange(val) {-->
<!--                console.log(`当前页: ${val}`);-->
<!--            }-->
<!--        }-->
<!--    }-->
<!--</script>-->

<!--<style scoped>-->

<!--</style>-->